

<?php
// no direct access
defined ( '_JEXEC' ) or die ( 'Acceso restringido' );
// include ("var/www/jpgraph/src/jpgraph.php");
// include ("var/www/jpgraph/src/jpgraph_line.php");
// require_once ('grafico_linea');

?>

<form action="./" method="post">
<center> 	
	<button name="boton" value="1" title="<?php echo JText::_('Ir a la pagina principal') ?>">
		Inicio
	</button> 
	<button name="boton" value="2" title="<?php echo JText::_('Agregar registros a la BD') ?>">
		Administracion de datos
	</button> 

	<button name="boton" value="3" title="<?php echo JText::_('Genera un grafico') ?>">
		Grafico
	</button> 
</center> 	

</form>

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['USAID',     11],
          ['BIC',      2],
          ['GIZ',  2],
          ['UNICEF', 2],
        ]);

        var options = {
          title: 'Monto invertido por organismo'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
     Grafico monto invertido por cada organismo
    <div id="piechart" style="width: 900px; height: 500px;"></div>
  </body>
</html>
